<template>
  <div class="activity-detail">
    <h2>{{ activity.title }}</h2>
    <p>{{ activity.description }}</p>
    <p>日期：{{ activity.date }}</p>
    <p>地点：{{ activity.location }}</p>
  </div>
</template>

<script>
import activities from '@/data/activities';

export default {
  computed: {
    activity() {
      return activities.find(activity => activity.id === parseInt(this.$route.params.id));
    }
  }
};
</script>